<!--
 * @Author: panda-hbd 10254515+panda-hbd@user.noreply.gitee.com
 * @Date: 2022-11-11 08:39:08
 * @LastEditors: panda-hbd 1511539537@qq.com
 * @LastEditTime: 2022-11-17 11:39:14
 * @FilePath: \cal-money-system\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="common-layout">
      <el-container>
        <!-- 左侧学生信息栏 -->
        <el-aside id="StudentInfo">
          <InfoView></InfoView>
        </el-aside>
  
        <!-- 页面右边 -->
        <el-container id="main">
          <router-view></router-view>
        </el-container>
      </el-container>
    </div>
  </template>
  
  
  <script>
import InfoView from './Info.vue'
  
  export default {
    name: 'IndexView',
    components: {
      InfoView,
     
    },
    data() {
      return {
       
      }
    },
    created() {
    }
  }
  </script>
  
  
  <style>
  /* 固定各个模块的高度覆盖整个页面 */
  html,body,#app,.common-layout,.el-container{
    height: 100%;
  }
  
  
  /* 左侧学生信息栏 */
  #StudentInfo{
    width: 9.4rem;
    height: 100%;
    background-color: var(--blueColor6);
    padding-top: 2.5rem;
  }
  
  #main{
    height: 100%;
  }
  
  #header {
      width: 100%;
      background-color: #fff;
      border-bottom: 2px dotted var(--blueColor5);
  }
  </style>
  